<!--
/* Copyright (C) 2019 Intel Corporation.  All rights reserved.
 * SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
 */
-->

{% load static %}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Wasm-Micro-Runtime </title>
    <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <!-- <link rel="stylesheet" type="text/css" href="{%static%/css/index.css"/>  -->
    <!-- <link rel="stylesheet" type="text/css" href="/home/xujun/mysite/static/css/index.css"/> -->

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>

    <head>

    <body>
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="jumbotron">
                        <h1>
                            How to use?
                        </h1>
                        <p>
                            1. Download a simple runtime (build for ubuntu 20.04 64 bits, other platforms please build
                            from the <a href="https://github.com/intel/wasm-micro-runtime">source code</a>)
                        </p>
                        <p>
                            2. In the terminal: <code>cd ~/Download && ./simple -a 82.156.57.236</code>
                        </p>
                        <div class="span12">
                            <div class="alert alert-info">
                                <!-- <button class="close" type="button" data-dismiss="alert">×</button> -->
                                <h5>
                                    Notes:
                                </h5> We also have a <strong>UI-enabled runtime</strong>, please <a
                                    href="../static/upload/simple">download here</a> and enjoy.</strong> It may require
                                a few more setups.
                                <p>Before running the UI-enabled runtime, please install some required softwares:</p>
                                <p><code>sudo apt-get install libsdl2-2.0-0:i386</code> </p>
                                <p>For more details please refer to this <a
                                        href="https://github.com/bytecodealliance/wasm-micro-runtime/tree/main/samples/littlevgl">guide</a>
                                </p>
                                <p><code>cd ~/Download && ./wasm_runtime_wgl -a 82.156.57.236</code></p>
                            </div>
                        </div>
                        <p>
                            3. Return to device page, find your device according to the IP address and click it, you
                            will enter application installation page
                        </p>
                        <p>
                            4. In the application installation page, click the Install Application button, and chose an
                            app to install. (The "ui_app" is only for UI_enabled_runtimes, simple runtime can't install
                            this app)
                        </p>
                        <p>
                            5. If you want to upload a new application, go to App Store page, choose a file and click
                            upload
                        </p>
                        <p>
                            <a class="btn btn-primary btn-large" href="/">Go Back</a>
                            <a class="btn btn-primary btn-large" href="../static/upload/simple">Download
                                simple_runtime</a>
                            <a class="btn btn-primary btn-large" href="../static/upload/wasm_runtime_wgl">Download
                                UI_enabled_runtime</a>
                        </p>
                    </div>
                    <div class="container">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title">Like this project?</h4>
                                <p class="card-text">Join us and build a powerful and interesting world for embedded
                                    devices!</p>
                                <iframe
                                    src="https://ghbtns.com/github-btn.html?user=intel&repo=wasm-micro-runtime&type=star&count=true&size=large"
                                    frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
                                <iframe
                                    src="https://ghbtns.com/github-btn.html?user=intel&repo=wasm-micro-runtime&type=fork&count=true&size=large"
                                    frameborder="0" scrolling="0" width="158px" height="30px"></iframe>
                                <p>
                                    <a href="https://github.com/intel/wasm-micro-runtime" class="btn btn-success">View
                                        on GitHub</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>

</html>
